Banu Taban's profile

Vinyl Design System (React Component Library)

Vinyl React Component Library
Story

Vinyl is an open source React component library I kickstarted in 2018.
For the foundations, I approached with accessibility mind set and built the theming presets according to the WCAG 2.0 Compliance. I built the typography scale on Tim Brown's modular type scale for a seamless responsive scaling across different viewport sizes. I built the component library with the atomic designapproach, with a focus on reusability of elements and sub-components.
During the process I also wrote an article focuses on answering the question of how to maintain accessibility in a theming system. 2+3 Functional Color Zones: An Idea for Guaranteeing Accessibility Through Theming.*
Vinyl Design System (React Component Library)
Published:

Vinyl Design System (React Component Library)

Published:

Creative Fields